From cce0ab7c8bf657b8dbe804e30fd7851ff9c26414 Mon Sep 17 00:00:00 2001
From: Rafi Zadanly <zadanlyr@gmail.com>
Date: Tue, 14 Feb 2023 15:52:29 +0700
Subject: no message

---
 src/pages/shop/brands/[slug].js | 27 ++++++++++++++++++++-------
 1 file changed, 20 insertions(+), 7 deletions(-)

(limited to 'src/pages/shop/brands/[slug].js')

diff --git a/src/pages/shop/brands/[slug].js b/src/pages/shop/brands/[slug].js
index 64ff7706..a387e55d 100644
--- a/src/pages/shop/brands/[slug].js
+++ b/src/pages/shop/brands/[slug].js
@@ -15,6 +15,7 @@ import "swiper/css/pagination";
 import "swiper/css/autoplay";
 import { Pagination as SwiperPagination } from "swiper";
 import Image from "@/components/elements/Image";
+import LineDivider from "@/components/elements/LineDivider";
 
 export async function getServerSideProps(context) {
   const { 
@@ -112,21 +113,33 @@ export default function BrandDetail({
                 <Image
                   src={banner} 
                   alt={`Banner ${manufacture.name}`} 
-                  className="w-full h-auto"
+                  className="w-full h-auto border-b border-gray_r-6"
                 />
               </SwiperSlide>
             ))
           }
         </Swiper>
-        <div className="p-4">
-          <div className="flex">
+        <div className="p-4 grid grid-cols-2">
+          <div>
+            <p className="text-caption-2 text-gray_r-11 mb-2">Produk dari brand:</p>
             { manufacture.logo ? (
-              <Image src={manufacture?.logo} alt={manufacture.name} className="w-4/12 border border-gray_r-6 rounded p-3" />
+              <div className="w-8/12">
+                <Image src={manufacture?.logo} alt={manufacture.name} className="border border-gray_r-6 rounded p-3" />
+              </div>
             ) : (
-              <p className="badge-red text-caption-1">Brand { manufacture.name }</p>
-            ) }
+              <p className="badge-solid-red text-caption-1">{ manufacture.name }</p>
+              ) }
+          </div>
+          <div className="text-right">
+            <p className="text-caption-2 text-gray_r-11 mb-2">Jumlah Produk:</p>
+            <p>{ searchResults.response.numFound }</p>
           </div>
-          <h1 className="mb-2 mt-4">Produk</h1>
+        </div>
+
+        <LineDivider />
+
+        <div className="p-4">
+          <h1 className="mb-2">Produk</h1>
           <div className="text-caption-1 mb-4">
             {productFound > 0 ? (
               <>
-- 
cgit v1.2.3